<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片加载测试</title>
    <style>
        body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; }
        .image-container { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
        .image-item { text-align: center; }
        img { max-width: 200px; max-height: 200px; border: 1px solid #ddd; padding: 5px; }
    </style>
</head>
<body>
    <h1>图片加载测试</h1>
    <div class="image-container">
        <div class="image-item">
            <img src="http://localhost:3002/img/items/drill.jpg" alt="电钻">
            <p>电钻</p>
        </div>
        <div class="image-item">
            <img src="http://localhost:3002/img/items/ladder.jpg" alt="梯子">
            <p>梯子</p>
        </div>
        <div class="image-item">
            <img src="http://localhost:3002/img/items/vacuum.jpg" alt="吸尘器">
            <p>吸尘器</p>
        </div>
        <div class="image-item">
            <img src="http://localhost:3002/img/items/table.jpg" alt="桌子">
            <p>桌子</p>
        </div>
        <div class="image-item">
            <img src="http://localhost:3002/img/items/treadmill.jpg" alt="跑步机">
            <p>跑步机</p>
        </div>
    </div>
</body>
</html>